<template>
    <page class="c1528882775881">
        <div class="white-bg">
            <div class="tc">
                <icon class="py36" type="success" is-msg></icon>
                <p class="f20">支付成功</p>
            </div>
            <group gutter="0" class="mt40">
                <cell-form-preview :list="list"></cell-form-preview>
                <div class="mb10"></div>
            </group>
        </div>
        <m-button class="bg3 mt40 mx12" v-back>完成</m-button>
    </page>
</template>
<script>
  import Vue from 'vue'

  export default {
    data () {
      const {id} = this.$route.query
      return {
        id,
        obj: {}
      }
    },
    async created () {
      const {obj} = await this.$get('payRecord/getPayRecordById', {id: this.id})
      this.obj = obj
    },
    computed: {
      list () {
        const {payDate, discount, shopName, payMoney, orderCode, card, descript, isPay, giftMoney} = this.obj
        return [{
          label: '收款商家',
          value: descript
        },{
          label: '充值卡号',
          value: card
        }, {
          label: '充值金额',
          value: payMoney / 100 + '元'
        },{
          label: '赠送金额',
          value: `<span class="c7">${giftMoney / 100 + '元'}</span>`
        }, {
          label: '交易时间',
          value: Vue.filter('dateFormat')(payDate)
        }, {
          label: '订单编号',
          value: orderCode
        }, {
          label: '当前状态',
          value: isPay ? '交易完成' : '未支付'
        }]
      }
    },
    methods: {},
    components: {}
  }
</script>
<style type="text/scss" lang="scss">
    .c1528882775881 {
        .weui-cells.vux-no-group-title:before {
            display: none !important;
        }
    }
</style>
<style type="text/scss" lang="scss" scoped>

</style>
